﻿@model IEnumerable<MobileWebsiteGenerator.Entities.pictureGallery>
@{
    ViewBag.Title = "PictureGallery";
    Layout = "~/Views/Shared/_Layout.mobile.cshtml";
}
<style type="text/css">
    .img
    {
        margin-top: -5px;
        width: 40px;
        height: 40px;
    }
    a
    {
        text-decoration: none;
    }
</style>
<script type="text/javascript">
    $(function () {
        $('.fadein img:gt(0)').hide();
        setInterval(function () { $('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein'); }, 3000);
    });
    $(document).ready(function () {

        var docHeight = $(document).height() - 30;
        var docWidth = $(document).width() - 1;
        var imgHeight = (78 / 100) * docHeight;
        $(".fadein img").each(function () {

            $(this).css("height", imgHeight);
            $(this).css("width", docWidth);
        });


    });
</script>
<br />
<div class="fadein">
    @foreach (var item in Model)
    {
        <img style="height:100px; width:80px;" src="@Url.Content("~/Uploads/" + item.ImagePath)" />
    }
</div>
